//注册页功能
$('.con_left .moren2').on('click', function () {
    $(this).css('background-color', '#f2f2f2').siblings('input').css('background-color', 'white');
    $('.con_right').hide();
    $('.con_right2').show();
})

$('.con_left>input').on('mouseover', function () {
    $(this).addClass('show_class').siblings('input').removeClass('show_class');
})

//注册页转登录页
locat($('.con_right .regis_login1'), 'login.html');
locat($('.con_right2 .regis_login2'), 'login.html');

//点击获取验证码，随机一个验证码
$('.con_right .p4 a').on('click', function () {
    let res = getYanzheng();
    $(this).prev().text(res).css('color', getColor());
})
$('.con_right2 .p4 a').on('click', function () {
    let res = getYanzheng();
    $(this).prev().text(res).css('color', getColor());
})

function getYanzheng() {
    //随机一个4位验证码
    let str = 'zxcvbnmasdfghjklqwertyuiop1234567890';
    let new_str = '';
    let str_len = str.length;
    for (let i = 0; i < 4; i++) {
        let ran_num = parseInt(Math.random() * str_len);
        new_str += str[ran_num];
    }
    return new_str;
}

function getColor() {
    return '#' + parseInt(Math.random() * 0xffffff).toString(16);
}


//验证用户名是否存在
$('.con_right .p3 input').on('blur', function () {
    let $user1 = $(this).val();
    $.get('php/checkUser.php?user=' + $user1, function (reg) {
        if (reg == 1) {
            //用户名可用   
            console.log('太好了，用户名未被注册过!');
        } else {
            console.log('糟糕，用户名已被注册!');
        }
    })
})

var $username = $('.con_right .p3 input');
var $yanzheng = $('.con_right .p4 input');//输入的验证码
var $yanzheng2 = $('.con_right .p4 span');//获取的验证码
var $passwd = $('.con_right .p5 input');//第一次输的密码
var $passwd2 = $('.con_right .p6 input');//再次输入的密码

yanZheng();
var arr = 0;//记录每一项提示是否都没问题
//验证每一项是否可用
function yanZheng() {
    let reg1 = /^[a-zA-Z]{6,12}$/;//用户名
    let reg2 = /^(\w){6,20}$/;//密码

    getZhengze($username, reg1, '用户名可用', '用户名不可用')

    $('.con_right .p4 input').on('blur', function () {
        if ($(this).val() != '') {
            if ($yanzheng.val() == $yanzheng2.text()) {
                //验证码输入正确
                $(this).parent().next().html('验证码正确').css('color', 'green').show();
                arr++;
            } else {
                $(this).parent().next().html('验证码错误').css('color', 'red').show();
            }
        }
    })

    getZhengze($passwd, reg2, '密码可用', '密码格式不规范')

    $('.con_right .p6 input').on('blur', function () {
        if ($(this).val()) {
            if ($passwd.val() == $passwd2.val()) {
                //两次密码一致
                $(this).parent().next().html('两次密码一致').css('color', 'green').show();
                arr++;
            } else {
                $(this).parent().next().html('两次密码不一致').css('color', 'red').show();
            }
        }
    })
}

//眼睛
yanjing($('.con_right .p5 .icon-yanjing-bi'), $('.con_right .p5 .icon-yanjing-kai'));
yanjing($('.con_right .p6 .icon-yanjing-bi'), $('.con_right .p6 .icon-yanjing-kai'));



//注册
$('.con_right .p8').on('click', function () {
    //判断是否都输入内容了
    console.log($username.val());
    if ($username.val() && $yanzheng.val() && $yanzheng2.text() && $passwd.val() && $passwd2.val()) {
        //先判断，每一项是否都合法
        if (arr = 4) {
            //点击注册，保存
            let $username = $('.con_right .p3 input').val();
            let $passwd = $('.con_right .p5 input').val();
            //将所有输入框清空
            $('.con_right input').val('')
            arr = 0;

            $.post('php/addUser.php', { 'username': $username, 'passwd': $passwd }, function (reg) {
                if (reg == '1') {
                    alert('注册成功,即将为您跳转到登录页面！');
                    $(window).prop('location', 'login.html');
                }
            });
        } else {
            alert('请检查哪一项输入有误!')
        }
    }
})

